body, html {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
* {
	font-size: 12px;
}
.wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

// 表格的公共样式开始
table {
	width: 100%;
	margin-top: -1px;
	&, td {
	  border: 1px solid #dadee7;
	  border-collapse: collapse;
	}
	th {
		height: 35px;
		.font(#2a292f,12px);
		text-align: center;
	}
	td {
		padding: 8px 5px;
		.font(#2a292f,12px);
		.txthd;
		text-align: center;
		a {
			color: #4aa7ea;
			margin: 0px 4px;
		}
	}
	.std {
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
	}
	tr:nth-child(odd) {
	  background-color: #f0f5f8;
	}
	tr:nth-child(even) {
	  background-color: #fff;
	}
	tr:nth-child(1) {
		background-color: #f5f6fa;
	}
}
.nothing {
	.font(#4aa7ea,50px,100px);
	text-align: center;
}
// 表格的公共样式结束

.dev_set {
	.signbox {
		border: 1px solid #cfd9ed;
		padding: 0px 0px 80px;
	}
	.side1 {
		width: 43%;
		border-right: 1px solid #cfd9ed;
		padding: 15px 0px 20px;
		.sidem1 {
			width: 53%;
			margin-left: 7%;
		}
		.sidem2 {
			width: 35%;
			margin-left: 2%;
		}
		.item {
			
			.font(#4aa7ea,16px,50px);
		}
		span {
			color: #0f253d;
		}
		a {
			color: #4aa7ea;
			margin-left: 12px;
		}
	}
	.side2 {
		width: 35%;
		border-right: 1px solid #cfd9ed;
		padding: 15px 8px 20px;
	}
	.side2m {
		max-width: 290px;

		.item {
			height: 69px;
		}
		h4 {
			.font(#4aa7ea,14px,32px);
			text-indent: 12px;
		}
		.itmm {
			height: 28px; 
		}
		label {
			position: relative;
			width: 80px;
			height: 28px;
		}
		em {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: url(../images/close.png) center center no-repeat;
		}
		input[type=checkbox] {
			opacity: 0;
		}
		input[type=checkbox]:checked+em {
			background: url(../images/open.png) center center no-repeat;
		}
		span {
			width: 24px;
			.font(#888,12px,28px,"Sim Hei")
		}
		.linebox {
			width: 270px;
			height: 12px;
			margin-top: 35px;
			padding: 4px;
			border-radius: 10px;
			margin-left: 10px;
			background: url(../images/audio_outline.png) center center no-repeat;
		}
		.blueline {
			position: relative;
			width: 12px;
			height: 12px;
			border-radius: 6px;
			background: url(../images/audio_line.png) right center repeat-x;
			.tstion(all,0.3s);
			.sel {
				position: absolute;
				bottom: 19px;
				right: 0px;
				.bTriangle(6px,5px,#eaeaea);
			}
			var {
				position: absolute;
				bottom: 24px;
				right: 5px;
				width: 36px;
				height: 24px;
				margin-right: -16px;
				.font(#737372,12px,24px);
				border-radius: 6px;
				background: #eaeaea;
				cursor: pointer;
			}
		}
	}
	.side3m {
		width: 290px;
		margin: 0 auto;
	}
	.side3 {
		width: 22%;
		dl {
			width: 179px;
			margin: 15px auto;
		}
		dt {
			height: 155px;
			padding: 12px;
			border: 1px solid #cfd9ed;
			border-radius: 12px;
			margin: 0 auto;
		}
		dd {
			.font(#0f253d,16px,30px)
		}
		p {
			margin: 0 auto;
			.font(#0f253d,16px,30px)
		}
		ul {
			width: 150px;
			padding-left: 30px;
			margin: 25px auto 15px;
		}
		li {
			.font(#0f253d,14px,30px);
			a {
				color: #4aa7ea;
			}
		}
	}
	.fail {
		color: #f00;
	}
}
// 用户地域分析开始
.map {
	.con {
		padding: 15px 7px;
	}
	.mapbox {
		padding: 7px;
		background: #fff;
		box-shadow: 0px 0px 0px 1px #d4d9e3;
		border-radius: 3px;
	}
	.allmap {
		width: 65%;
		height: 600px;
	}
	.citys {
		overflow-y: auto;
		width: 34%;
		margin-left: 1%;
		height: 600px;
	}
	.citylist {
		.checked {
			.cityName,.pe {
				color: #00a471;
			}
			em {
				background: #00a471;
			}
		}
	}
	.citys {
		li {
			position: relative;
			height: 20px;
			padding: 5px 60px;
		}
	}
	.cityName, .pe{
		position: absolute;
		top: 5px;
		width: 60px;
		height: 20px;
		line-height: 20px;
	}
	.cityName {
		left: 0px;
	}
	.pe {
		right: 0px;
	}
	.number {
		display: block;
		height: 100%;
		em {
			position: relative;
			display: block;
			height: 100%;
			background: #4aa7ea;
			&:hover {
				box-shadow: 0 0 5px 1px #f0ef89;
			}
			&:hover var {
				display: block;
			}
		}
		var {
			display: none;
			position: absolute;
			top: 0px;
			width: 100%;
			.font(#fff,16px,24px);
			text-align: center;
		}
	}
}
// 用户地域分析结束

//用户信息管理详情页开始
.us_det, .accounter {
	.user {
		padding: 15px 10px;
		background: #fff;
		box-shadow: 0px 0px 1px 0px #dadee7;
		dt {
			float: left;
			position: relative;
			width: 155px;
			img {
				display: block;
				width: 100%;
			}
			p {
				margin-top: 10px;
				.font(#333,16px,40px);
				text-align: center;
			}
			span {
				position: absolute;
				top: 0px;
				width: 155px;
				height: 155px;
				background: url(../images/picbox.png) center center no-repeat;
			}
		}
		dd {
			float: left;
			width: 76%;
			height: 100%;
			margin-left: 2%;
		}
	}
	.adduser {
		max-width: 850px;
		height: 100%;
		.side:nth-child(1) {
			width: 48%;
		}
		.side:nth-child(2) {
			width: 38%;
		}
		.side:nth-child(3) {
			float: right;
			width: 14%;
		}
	}
	.side {
		float: left;
		label {
			display: block;
			height: 30px;
			.font(#333,12px,22px);
		}
		select , input {
			height: 30px;
			text-indent: 0.2em;
			margin-left: 3px;
			border: 1px solid #dadee7;
			&:disabled {
				color: #333;
				background: none;
				border: none;
				-moz-appearance: none;
    			-webkit-appearance:none;
            	appearance:none;
			}
		}
		select  {
			width: 80px;
		}
		button {
			display: block;
			max-width: 100px;
			width: 100%;
			height: 32px;
			margin-bottom: 10px;
			.inputReset;
			background: #4aa7ea;
			box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.25);
			.font(#fff,16px,32px);
			&:active {
				background: #65bbf9;
				box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.45);
			};
			&:disabled {
				background: #999;
			}
		}
	}
	.sex {
		margin-bottom: 20px;
		span {
			float: left;
			height: 30px;
			.font(#333,14px,30px);
		}
		label {
			position: relative;
			float: left;
			margin-left: 13px;
			background: none;
			input {
				width: 30px;
				height: 20px;
				box-shadow: none;
				opacity: 0;
				vertical-align: text-bottom;
				background: none;
			}
			span {
				position: absolute;
				top: 5px;
				left: 20px;
				width: 20px;
				height: 20px;
				z-index: 1;
				border-radius: 50%;
				box-shadow: 0px 0px 2px 0px #999;
				em {
					display: block;
					width: 8px;
					height: 8px;
					margin: 6px;
					border-radius: 50%;
				}
			}
		}
		.checked {
			em {
				background: #188bdf;
			}
		}
	}
	.disabled {
		.checked {
			em {
				background: #c6c6c6;
			}
		}
	}
	.address {
		width: 240px;
	}
	table {
		margin-top: 20px;
	}
}

.accounter {
	.user {
		box-shadow: 0px 0px 0px 1px #cfd9ed;
		dt {
			a {
				.font(#4aa7ea,16px,16px);
			}
		}
	}
	.adduser {
		max-width: 700px;
		.side:nth-child(1) {
			width: 38%;
		}
		.side:nth-child(2) {
			width: 48%;
		}
	}
	h2 {
		background: #eeeff2;
		.font(#333,14px,32px);
		box-shadow: 1px 0px 0px 0px #dadee7,-1px 0px 0px 0px #cfd9ed;
		text-indent: 16px;
	}
	.h2 {
		background: #fff;
		box-shadow: 0px 0px 0px 1px #cfd9ed;
		p {
			.font(#333,12px,30px);
			text-indent: 16px;
		}
	}
	.change_pw {
		padding-left: 20px;
		padding-top:10px;
		.password {
			float: left;
			width: 42%;
		}
		label {
			.font(#333,14px,40px);
		}
		input {
			width: 240px;
			.font(#333,14px,25px);
			text-indent: 0.5em;
			.inputReset;
			box-shadow: 0 0 0 1px #cfd9ed;
			&:focus {
				box-shadow: 0px 0px 2px 1px #4aa7ea;
			} 
		}
		button {
			float: left;
			width: 73px;
			height: 34px;
			margin-right: 32px;
			.inputReset;
			background: #4aa7ea;
			box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.25);
			.font(#fff,14px,34px);
			&:active {
				background: #65bbf9;
				box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.45);
			};
			&:disabled {
				background: #999;
			}
		}
		.ng-hide {
			display: none;
		}
		.errorBox {
			margin-bottom: 10px;
		}
		span {
			.font(#f63,14px,20px);
			text-indent: 2px;
		}
	}
	.fixed_box {
		margin-left: -120px;
	}
	.picform {
		position: relative;
		width: 710px;
		background: #fff;
		box-shadow: 0px 0px 15px 0px #93a1b9;
		h3 {
			height: 54px;
			border-bottom: 1px solid #dadee7;
			.font(#333,16px,54px,"Sim Hei");
			text-indent: 34px;
			margin-bottom: 33px;
		}
		em {
			position: absolute;
			top: 16px;
			right: 16px;
			width: 20px;
			height: 20px;
			.font(#fff,12px,20px);
			background: #8886a4;
			text-align: center;
			border-radius: 50%;
			cursor: pointer;
		}
		input[disabled=disabled] {
			cursor: not-allowed;
		}
		.fcon {
			padding: 20px;
		}
		.tapcon {
			border-top: 1px solid #dadee7;
		}
		.taptit {
			height: 40px;
			span {
				float: left;
				width: 92px;
				height: 40px;
				margin-right: -1px;
				background: #fff;
				.font(#333,14px,40px);
				.tsform(0px,1px;);
				box-shadow: 0px -2px 0px 0px #81c2f0,1px 0px 0px 0px #dadee7,-1px 0px 0px 0px #dadee7;
				text-align: center;
			}
			.unshow {
				.tsform(0px,0px;);
				box-shadow: 0px -1px 0px 0px #dadee7,1px 0px 0px 0px #dadee7,-1px 0px 0px 0px #dadee7;
				&:hover {
					color: #4aa7ea;
				}
			}
		}
		.tapcon1 {
			width: 250px;
			height: 90px;
			margin: 65px auto 50px;
			p {
				.font(#333,12px,30px)
			}
			.inputbox {
				>input {
					height: 28px;
					width: 180px;
					.font(#333,14px,28px);
				}
				label {
					padding: 7px 13px;
					.font(#333,12px,30px);
					box-shadow: inset 0px 0px 0px 1px #777777;
					input {
						display: none;
					}
				}
			}
		}
		.tapcon2 {
			height: 205px;
			p {
				.font(#333,12px,50px)
			}
			.checkImg {
				width: 100%;
				height: 150px;
			}
			.imgbox {
				overflow-y: auto;
				width: 457px;
				height: 150px;
				background: #f0f1f2;
				box-shadow: 0px 0px 0px 1px #bababa;
				img {
					float: left;
					width: 123px;
					height: 123px;
					margin:10px 11px;
				}
			}
			dl {
				width: 123px;
				margin-right: 50px;
				dd {
					overflow: hidden;
					width: 100%;
					height: 123px;
					border-radius: 5px;
					box-shadow: 0px 0px 0px 1px #bababa;
					img {
						display: block;
						width: 100%;
					}
				}
				dt {
					.font(#333,12px,36px);
					text-align: center;
				}
			}
		}
	}
	.fm_ft {
		height: 56px;
		margin-top: 15px;
		padding-right: 17px;
		border-top: 1px solid #dadee7;
		button {
			float: right;
			margin-top: 15px;
			margin-right: 14px;
			.inputReset;
			padding: 6px 12px;
			background: #fff;
			.font(#333,12px,12px,"Sim Hei");
			box-shadow: 0px 0px 0px 1px #dadee7;
			&:focus {
				box-shadow: 0px 0px 2px 1px #4aa7ea;
			}
			&:hover {
				color: #fff;
				background: #81c2f0;
			}
		}
		button[disabled=disabled] {
			color: #eee;
			background: #ccc;
		}
	}
}
// 用户信息管理详情页结束

// 用户活跃分析页开始
.hot_oly {
	.sign {
		background: #fff;
		box-shadow: 0px 0px 0px 1px #d4d9e3;
		border-radius: 3px;
		h3 {
			height: 40px;
			.font(#333,16px,40px,"SimHei");
			text-indent: 12px;
			border-bottom: 1px solid #d4d9e3;
		}
	}
	.dev_msg,.oly  {
		width: 200px;
		margin: 28px 0px 28px 110px;
		span {
			display: block;
			height: 33px;
			.font(#333,14px,33px,"SimHei");
		}
		em {
			.font(#4aa7ea,16px,33px,"SimHei");
			margin-left: 10px;
		}
	}
	.drawfile {
		background: #fff;
		box-shadow: 0px 0px 0px 1px #d4d9e3;
		border-radius: 3px;
		margin: 15px auto;
	}
	.draw_hd {
		height: 40px;
		box-shadow: inset 0px -1px 0px 0px #d4d9e3,0px -1px 0px 0px #d4d9e3;
	}
	.drawborder {
		position: relative;
		padding: 14px 50px 14px 45px;
		height: 360px;
	}
	.drawf {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.next,.prv {
		position: absolute;
		bottom: 28px;
		width: 30px;
		height: 30px;
		background: url(../images/go.png) center center no-repeat;
	}
	.next {
		right: 7px;
		.rotate(180deg);
	}
	.prv {
		left: 7px;
	}
	.day_file, .month_file {
		height: 100%;
	}
	.day_file {
		min-width: 1900px;
	}
	.month_file {
		min-width: 1600px;
	}
	.sel {
		position: relative;
		width: 125px;
		height: 100%;
		margin: 0 auto;
		padding-right: 35px;
		.font(#333,16px,40px,"SimHei");
		text-indent: 17px;
		box-shadow: 1px 0px 0px 0px #d4d9e3,-1px 0px 0px 0px #d4d9e3;
		span {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 35px;
			height: 100%;
			box-shadow: -1px 0px 0px 0px #d4d9e3;
			em {
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -5px 0px 0px -7px;
				.bTriangle(8px,12px,#4aa7ea)
			}
		}
		ul {
			position: absolute;
			top: 100%;
			width: 160px;
			z-index: 10;
			background: #fff;
			box-shadow: 0px 0px 0px 1px #d4d9e3;
			font-size: 14px;
		}
		li {
			height: 33px;
			&:hover {
				color: #fff;
				background: #4aa7ea;
			}
		}
	}
}
// 用户活跃分析页结束

// 手表信息管理,用户信息管理，用户反馈意见，系统消息通知开始
.watch_msg, .watch_state, .users_sign, .users_opi, .notice, .account,.sos_list {
	.tb_hd {
		height: 50px;
		background: #fff;
		box-shadow: inset 1px 1px 0px 0px #dadee7, inset -1px 0px 0px 0px #dadee7;
		> div {
			float: left;
			height: 100%;
			margin-left: 3%;
		}
	}
	.devs {
		.font(#333,12px,50px);
		span {
			float: right;
			.font(#4aa7ea,16px,50px);
		}
	}
	.search {
		input {
			width: 240px;
			height: 32px;
			margin-top: 9px;
			.font(#000,12px,32px);
			.text(left,1em);
			border: 1px solid #b3bbca;
		}
		button {
			padding: 0px 14px;
			margin: 8px 0px 8px 6px;
			line-height: 32px;
		}
	}
	.filter {
		.font(#333,12px,50px);
		cursor: pointer;
		span {
			margin-left: 5px;
		}
		select {
			float: left;
			width: 55px;
			height: 30px;
			margin: 10px 5px;
			border: 1px solid #ccc;
			text-indent: 0.4em;
		}
	}
	.checked {
		color: #4aa7ea;
		text-decoration: underline;
	}
	.tb_ft {
		height: 50px;
		.uesr_select;
		cursor: default;
		box-shadow: inset 1px -1px 0px 0px #dadee7, inset -1px 0px 0px 0px #dadee7;
		span {
			float: right;
			margin: 0px 9px;
			.font(#333,14px,50px);
		}
		.unactive  {
			color: #2a292f;
		}
		a {
			color: #4aa7ea;
			text-decoration: none;
		}
		ul {
			height: 50px;
		}
		li {
			float: left;
			width: 24px;
			height: 40px;
			margin: 5px;
			.font(#4aa7ea,14px,40px);
			text-align: center;
		}
		.nowpage {
			padding: 2px 5px;
			margin: 8px 0px;
			background: #4aa7ea;
			.font(#fff,14px,20px);
		}
	}
	.fixed_box {
		margin-left: -180px;
	}
	.adduser {
		position: relative;
		width: 412px;
		background: #fff;
		box-shadow: 0px 0px 15px 0px #93a1b9;
		h3 {
			height: 54px;
			border-bottom: 1px solid #dadee7;
			.font(#333,16px,54px,"Sim Hei");
			text-indent: 34px;
			margin-bottom: 33px;
		}
		em {
			position: absolute;
			top: 16px;
			right: 16px;
			width: 20px;
			height: 20px;
			.font(#fff,12px,20px);
			background: #8886a4;
			text-align: center;
			border-radius: 50%;
			cursor: pointer;
		}
		label {
			float: left;
			width: 95px;
			height: 30px;
			margin-right: 10px;
			.font(#333,14px,30px,"Sim Hei");
			.text(right);
		}
		input {
			width: 230px;
			.font(#333,14px,30px,"Sim Hei");
			.text(left,0.5em);
			border: 1px solid #dadee7;
		}
	}
	.errorBox {
		overflow: hidden;
		height: 26px;
		margin-left: 105px;
	}
	.fm_ft {
		height: 56px;
		margin-top: 15px;
		padding-right: 17px;
		border-top: 1px solid #dadee7;
		button {
			float: right;
			margin-top: 15px;
			margin-right: 14px;
			padding: 6px 12px;
			background: #fff;
			.font(#4aa7ea,12px,12px,"Sim Hei");
			box-shadow: 0px 0px 0px 1px #dadee7;
			&:focus {
				box-shadow: 0px 0px 2px 1px #4aa7ea;
			}
		}
		button[disabled=disabled] {
			color: #333;
			background: #ccc;
		}
	}
}
.users_sign {
	.adduser {
		select {
			width: 50px;
			height: 30px;
			.font(#333,14px,30px,"Sim Hei");
			.text(left,0.5em);
			box-shadow: 0px 0px 0px 1px #dadee7;
		}
	}
}
.notice {
	.getID {
		margin-left: 31px;
		margin-bottom: 15px;
		label {
			width: auto;
		}
		input {
			width: 20px;
			margin: 0px 10px;
			box-shadow: none;
			&:focus {
				box-shadow: none;
			}
		}
	}
	textarea {
		display: block;
		width: 535px;
		height: 100px;
		margin-left: 28px;
		resize: none;
		border: 1px solid #dadee7;
		border-radius: 5px;
		text-indent: 10px;
	}
	.fbody {
		input {
			width: 458px;
		}
	}
	.adduser {
		width: 600px;
	}
}
// 手表信息管理,用户信息管理，用户反馈意见系统消息通知结束

//使用频率开始
.use_aly_p {
	.form_col,.form_line {
		height: 320px;
		padding: 10px 20px;
		background: #fff;
		box-shadow: 0px 0px 1px 0px #ccc;
	}
	.form_line {
		height: 380px;
		margin-top: 15px;
	}
}
//使用频率结束

/*测试页样式开始*/
.test {
	width: 1100px;
	height: 700px;
	margin: 100px auto 40px;
	.left_form {
		float: left;
		width: 350px;
		height: 500px;
	}
	.left_form>div {
		display: inline-block;
		width: 49%;
	}
	.tit {
		.font(#000,18px,24px);
		.text(center);
	}
	.number {
		.font(#000,36px,72px);
		.text(center);
	}
	.right_form {
		float: right;
		width: 600px;
		margin-right: 50px;
	}
	.formbox {
		position: relative;
		span {
			position: absolute;
			bottom: 0px;
			display: block;
			width: 30px;
			height:30px;
			font-size: 20px;
			line-height: 30px;
			text-align: center;
			background: url(../images/go.png) center center no-repeat;
		}
	}
	.next {
		left: 105%;
		.rotate(180deg);
	}
	.prv {
		right: 103%;
	}
	.form {
		overflow: hidden;
		width: 100%;
		height: 300px;
		margin: 20px auto;
	}
	.new_device {
		width: 200%;
		height: 300px;
	}
}
/*测试页样式结束*/

// 视口样式开始
.mian {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 50px 0px 0px 180px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	.mian_con {
		width: 100%;
		height: 100%;
	}
	h1 {
		position: relative;
		width: 100%;
		height: 42px;
		background: #fff;
		margin-bottom: 15px;
		.font(#333,16px,42px);
		text-indent: 38px;
		box-shadow: inset 0px 0px 0px 1px #d4d9e3;
		span {
			position: absolute;
			top: 8px;
			left: 20px;
			width: 4px;
			height: 26px;
			background: #4aa7ea;
		}
		.back {
			padding: 6px 10px;
			margin: 6px 10px;
			font-size: 12px;
			letter-spacing: 3px;
			border-radius: 4px;
		}
	}
	.vm {
		width: 100%;
		min-height: 100%;
		background: #f6f7fa;
		.uesr_select;
		.con {
			position: relative;
			margin: 15px 15px 0px;
		}
	}
}
.errorBox {
	height: 20px;
	width: 100%;
	span {
		color: #d00;
	}
}
// 视口样式结束

// 头部样式开始
header {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 50px;
	background: #4aa7ea;
	z-index: 99;
	> * {
		height: 100%;
	}
	.zs_logo {
		float: left;
		width: 50px;
		background: #2184b8 url(../images/logo.png) center center no-repeat;
	}
	h1 {
		float: left;
		padding: 0px 15px;
		.font(#fff,18px,50px);
	}
	.account {
		position: relative;
		float: right;
		width: 200px;
		.font(#fff,14px,50px);
		text-align: right;
		box-shadow: inset 1px 0px 0 0 #2594cf;
		span {
			position: absolute;
			top:100%;
			display: none;
			width: 100%;
			height: 100%;
			background: #fff;
			&:hover {
				background: #ccc;
			}
		}
		a {
			display: block;
			width: 100%;
			height: 100%;
			.font(#fff,14px,50px);
			.text(center);
		}
		&:hover {
			color: #000;
			background: #fff;
			a {
				color: #000;
			}
		}
		&:hover span {
			display: block;
			box-shadow: inset 0px 0px 0 1px #ccc;
			margin-top: -1px;
		}
	}
	.search {
		float: right;
		width: 340px;
		height: 30px;
		padding: 10px 20px;
		text-align: center;
		box-shadow: inset 1px 0px 0 0 #2594cf;
		input {
			float: left;
			width: 260px;
			height: 30px;
			border: 1px solid #fff;
			border-radius: 5px;
			background: #fff;
			.text(left,0.5em);
		}
		input:focus {
			box-shadow: 0px 0px 8px 0px #fff;
		}
		button {
			float: right;
			width: 75px;
			height: 30px;
			background: url(../images/Account_search.png) 3px center no-repeat;
			background-size: 23px 23px;
			color: #fff;
			font-size: 14px;
			text-indent: 30px;
			text-align: left;
		}
	}
}
// 头部样式结束

// 导航栏样式开始
.nav_box {
	overflow: auto;
	position: absolute;
	top:50px;
	width: 180px;
	height:100%;
	background: #35393b;
	z-index: 99;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	&::-webkit-scrollbar {
            width: 0px;
        }
}
nav {
	position: relative;
	width: 100%;
	z-index: 99;
	.uesr_select;
	.tap_class {
		position: relative;
		left:120px;
		width: 40px;
		height: 40px;
		background: url(../images/icon.png) 12px 12px no-repeat;
	}
	.classify {
		ul {
			height: auto;
		}
		a,.tit {
			display: block;
			width: 100%;
			height: 40px;
			.font(#fff,12px,40px);
			.text(center,0px);
			&:hover {
				background-color: #4aa7ea;
			}
		}
	}
	.hide {
		span {
			.rotate(-90deg);
		}
		ul {
			display: none;
		}
	}
	.tit {
		position: relative;
		background: #2c2f30;
		span {
			position: absolute;
			top: 14px;
			left: 45px;
			.bTriangle(7px,11px,#fff);
		}
	}
	.thispage {
		background: #4aa7ea;
	}
	.watch_msg {
		background: url(../images/icon.png) 25px -69px no-repeat;
	}
	.users_sign {
		background: url(../images/icon.png) 25px -118px no-repeat;
	}
	.users_opi {
		background: url(../images/icon.png) 25px -163px no-repeat;
	}
	.use_aly {
		background: url(../images/icon.png) 25px -220px no-repeat;
	}
	.map_aly {
		background: url(../images/icon.png) 25px -268px no-repeat;
	}
	.hot_aly {
		background: url(../images/icon.png) 25px -321px no-repeat;
	}
	.watch_state {
		background: url(../images/icon.png) 25px -420px no-repeat;
	}
	.notice {
		background: url(../images/icon.png) 25px -517px no-repeat;
	}
	.account {
		background: url(../images/icon.png) 25px -570px no-repeat;
	}
}
.hide_nav {
	overflow: visible;
	width: 60px;
	.tap_class {
		left: 9px;
		.rotate(180deg);
	}
	.tit {
		span {
			left:20px;
		}
	}
	var {
		display: none;
	}
	a {
		position: relative;
	}
	a:hover var,.tit:hover var {
		display: block;
		position: absolute;
		top: 0px;
		left: 80px;
		white-space:nowrap;
		padding: 0px 10px;
		background: #474e5a;
		border-radius: 10px;
	}
	em {
		position: absolute;
		top: 15px;
		right: 100%;
		.lTriangle(6px,9px,#474e5a);
	}
	.watch_msg {
		background: url(../images/icon.png) 15px -69px no-repeat;
	}
	.users_sign {
		background: url(../images/icon.png) 15px -118px no-repeat;
	}
	.users_opi {
		background: url(../images/icon.png) 15px -163px no-repeat;
	}
	.use_aly {
		background: url(../images/icon.png) 15px -220px no-repeat;
	}
	.map_aly {
		background: url(../images/icon.png) 15px -268px no-repeat;
	}
	.hot_aly {
		background: url(../images/icon.png) 15px -321px no-repeat;
	}
	.watch_state {
		background: url(../images/icon.png) 15px -420px no-repeat;
	}
	.notice {
		background: url(../images/icon.png) 15px -517px no-repeat;
	}
	.account {
		background: url(../images/icon.png) 15px -570px no-repeat;
	}
}
// 导航栏样式结束

//登录界面样式开始
.login {
	width: 100%;
	height:100%;
	background: url(../images/login_bg.jpg);
	header {
		border-bottom: 1px solid #fff;
	}
	.con {
		max-width: 1200px;
		height: 100%;
		margin: 0 auto;
	}
	.logo {
		float: left;
		width: 60px;
		height:100%;
		margin-right: 8px;
		background: url(../images/logo2.png) center center no-repeat;
	}
	.tit {
		float: left;
		height: 100%;
		.font(#fff,28px,50px);
		var {
			.font(#fff,28px,28px);
			margin: 0px 5px;
			font-weight: bolder;
			vertical-align: text-bottom;
		}
		span {
			.font(#fff,24px,28px);
			font-weight: lighter;
			vertical-align: text-bottom;
			.tsform(0px,-3px;0deg;1);
		}
	}
	.form_box {
		width: 380px;
		height: 380px;
		padding: 30px;
		background: #fff;
		border-radius: 5px;
		box-shadow: 0px 0px 15px 0px #5e94c2;
		.uesr_select;
		h2 {
			.font(#000,30px,30px)
		}
		label {
			display: block;
			.font(#666,12px,30px)
		}
		input {
			width: 100%;
			height: 40px;
			border-radius: 5px;
			.font(#666,12px,20px);
			text-indent: 0.5em;
			border: 1px solid #ccc;
		}
		button {
			display: block;
			width: 100%;
			margin-top: 40px;
			font-size: 16px;
			line-height: 47px;
			border-radius: 5px;
		}
		.errorBox {
			overflow: hidden;
		}

		#savepassword {
			width: 15px;
			height: 15px;
			vertical-align: middle;
		}
	}
	footer {
		position: absolute;
		bottom: 0px;
		width: 100%;
		p {
			margin: 0 auto;
			.font(#000,14px,30px);
			text-align: center;
		}
	}
}
//登录界面样式结束

//日期组件样式开始
.dataBox {
	width: 250px;
	height: 32px;
	border: 1px solid #d3d8e2;
	margin: 15px 0px 15px 44px;
	border-radius: 16px;
	.uesr_select;
	.hide_block {
		position: relative;
		padding-top: 12px;
	}
	.select {
		position: absolute;
		top: 4px;
		left: 50%;
		margin-left: -4px;
		.tTriangle(7px,8px,#4ca9ee);
		z-index: 3;
	}
	&:hover .hide_block {
		display: block;
	}
}
.data_hd {
	height: 100%;
}
.prv_day, .next_day {
	width: 32px;
	height: 100%;
	.font(#ccc,16px,32px);
	text-align: center;
	&:hover {
		color: #666;
	}
	&:active {
		color: #3c99ce;
	}
}
.now_day {
	width: 186px;
	height: 100%;
	.font(#666,12px,32px);
	font-weight: lighter;
	text-align: center;
	box-shadow: 0px 0px 0px 1px #d3d8e2;
}
.data {
	position: relative;
	overflow: hidden;
	width: 280px;
	margin-left: -15px;
	background: rgba(255, 255, 255, 0.94);
	line-height: 26px;
	border-radius: 5px;
	.uesr_select;
	cursor : pointer;
	z-index: 2;
	box-shadow: 0px 0px 15px 0px #c1def9;
	&:hover .data_day {
		display: block;
	}
	* {
		line-height: inherit;
		text-align: center;
	}
	.data_next {
		position: absolute;
		top: 12px;
		right: 30px;
		.rTriangle(5px,10px);
	}
	.data_prv {
		position: absolute;
		top: 12px;
		left: 30px;
		.lTriangle(5px,10px);
	}
	.data_mh, .data_week {
		color: #fff;
		height: 30px;
		line-height: 30px;
		background: #4ba8ec;
	}
	.data_mh {
		font-family: "SimHei";
	}
	.data_mh {
		padding-top: 4px;
		height: 26px;
		line-height: 26px;
	}
	.data_week span {
		font-size: 12px;
		float: left;
		width: 40px;
	}
	.data_con {
		width: 100%;
		overflow: hidden;
	}
	.data_con span {
		float: left;
		width: 26px;
		height: 26px;
		font-size: 12px;
		margin: 2px 7px;
		color: #999;
		border-radius: 50%;
	}
	.data_con .thisMonth {
		color: #333;
	}
	.data_con .checked {
		color: #fff;
		background: #4ba8ec;
	}
	.data_con .thisMonth:hover {
		color: #fff;
		background: #4ba8ec;
	}
	.data_con .check_start {
		color: #fff;
		background: #4ba8ec;
		width: 33px;
		margin: 2px 0px 2px 7px;
		border-radius: 13px 0 0 13px;
	}
	.data_con .check_end {
		color: #fff;
		background: #4ba8ec;
		width: 33px;
		margin: 2px 7px 2px 0px;
		border-radius: 0 13px 13px 0;
	}
	.data_con .checks {
		color: #fff;
		background: #4ba8ec;
		width: 40px;
		margin: 2px 0px;
		border-radius: 0;
	}
	.one_w {
		display: block;
		width: 85px;
		height: 26px;
		margin: 10px auto 16px;
		box-shadow:  0px 0px 0px 1px #4ba8ec;
		.font(#4aa7ea,12px,26px);
		border-radius: 3px;
		background: #fff;
		border: none;
		outline: none;
	}
	.one_w:hover {
		color: #fff;
		background: #4ba8ec;
	}
	.one_w:active {
		box-shadow: inset 0px 0px 8px 0px #ccc;
	}
}
//日期组件样式结束
.rotate(@deg) {
	-webkit-transform: rotate(@deg);
	-moz-transform: rotate(@deg);
	-ms-transform: rotate(@deg);
	transform: rotate(@deg);
}
.scale(@s) {
	-webkit-transform: scale(@s);
	-moz-transform: scale(@s);
	-ms-transform: scale(@s);
	transform: scale(@s);
}
.tstion(@a:all,@b:0.5s,@c:linear,@d:0s) {
	-webkit-transition: @a @b @c @d;
	-moz-transition: @a @b @c @d;
	-ms-transition: @a @b @c @d;
	transition: @a @b @c @d;
}
.tsform (@l:0px, @deg:0deg,@s:1) {
	-webkit-transform: translate(@l) rotate(@deg) scale(@s);
	-moz-transform: translate(@l) rotate(@deg) scale(@s);
	-ms-transform: translate(@l) rotate(@deg) scale(@s);
	transform: translate(@l) rotate(@deg) scale(@s);
}
.font(@color : #000,@size:12px,@H :1.4,@family: "Microsoft YaHei",@w: normal) {
	color: @color;
	font-size: @size;
	line-height: @H;
	font-family: @family;
	font-weight: @w;
}
.text(@align: left, @indent: 0px,@deco: none) {
	text-align: @align;
	text-indent: @indent;
	text-decoration: none;
}
// 绘制三角形开始
.tTriangle(@w:5px,@h:10px,@col:#fff) {
	display: block;width: 0;height:0;
	border-left: @w solid transparent;
    border-right: @w solid transparent;
    border-bottom: @h solid @col;
}
.bTriangle(@w:5px,@h:10px,@col:#fff) {
    display: block;width: 0;height:0;
	border-left: @w solid transparent;
    border-right: @w solid transparent;
    border-top: @h solid @col;
}
.lTriangle(@w:5px,@h:10px,@col:#fff) {
	display: block;width: 0;height:0;
	border-top: @w solid transparent;
    border-bottom: @w solid transparent;
    border-right: @h solid @col;
}
.rTriangle(@w:5px,@h:10px,@col:#fff) {
	display: block;width: 0;height:0;
	border-top: @w solid transparent;
    border-bottom: @w solid transparent;
    border-left: @h solid @col;
}
// 绘制三角形结束
.txthd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clearBg {
	-webkit-user-select: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
  	-webkit-touch-callout: none;
}
.inputReset {
	outline: none;
	border: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.uesr_select{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}